<style>
	.demo ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; }
	.demo li { margin: 5px; padding: 5px; width: 150px; }
	</style>

<script type="text/javascript" charset="utf-8">

/*------------------------------------------------------------------------------------------------------------*/
var CHANGO = {
	arr_items : [],
    actualizar: 'on'
}

CHANGO.vaciar = function(){
	//console.trace()
	this.arr_items = [];
	$('#sortable').empty();
	$('.cant_items').html("0");
    
}

CHANGO.agregarItem = function(id_doc){

	if(this.arr_items.is(id_doc)){
		showStickyWarningToast("No se puede agregar 2 veces el mismo documento");
		return;
	}else{
		this.arr_items.push(id_doc);
	}	

	this.redibujar();
	
}

CHANGO.sacarItem = function(id_doc){
	this.arr_items.remove(id_doc);
	this.redibujar();
}

CHANGO.redibujar = function(){
	//this.vaciar();

	$('#sortable').empty();	
	
	for(var i=0;i<this.arr_items.length;i++){        
		
		var objDoc = SISTEMA.DOCS.findDocById(this.arr_items[i]);		
		var ingreso = objDoc.numero_ingreso + '/' + objDoc.anio_ingreso;
		
		var item = '<img onclick="CHANGO.sacarItem('+this.arr_items[i]+')" style="cursor:pointer" src="images/delete_red.png" width="15" title="Sacar" />';
		item +=' <span>'+ingreso+'</span>';

		$("#sortable").append('<li class="ui-state-default" title="'+objDoc.caratula+'"> '+item+' </li>');
	}     
	
	$('.cant_items').html(this.arr_items.length);
}

CHANGO.armarExpediente = function(){
	if(this.arr_items.length == 0){
		showStickyWarningToast("Seleccione algunos documentos para armar el expediente");
		return;
	}
		
	var str_confirm = (this.arr_items.length==1)? "con este documento":"con estos "+this.arr_items.length+" documentos";	
		
	if(!confirm("Esta a punto de armar un expediente administrativo "+ str_confirm +" \n\n Esta seguro ?")){ 
		return;
	}
	
	//mostrar ventana
	//insertar en tabla expedientes	
		
}

/*------------------------------------------------------------------------------------------------------------*/
    
    var oTableClientes;
    var oTableDocumentos2; //docs que no son expedientes (ni adm. ni judiciales) y no pertenecen a ningun exp adm. y estan en mi bandeja
    
    (function(){
                
        $(document).ready(function() {           
              
			/*			  
			$( "#sortable" ).sortable({
				revert: true
			});
			$( "#draggable" ).draggable({
				connectToSortable: "#sortable",
				helper: "clone",
				revert: "invalid"
			});
			$( "ul, li" ).disableSelection();
			*/
								 
            oTableClientes = $('#dt_expedientes').dataTable({                        
                // "bPaginate": false,
                // "bLengthChange": false,
                // "bFilter": false,
                // "bSort": false,
                // "bInfo": false,
                // "bAutoWidth": false,
                "iDisplayLength": 4, //(screen.height > 768)? 6:3,    
                "bJQueryUI": true,
                "sPaginationType": "full_numbers",
                // "bStateSave": true,            
                //"aaSorting": [[ 3, "asc" ]],
                //"sDom": '<"toolbar">T<"clear"><"H"lf>t<"F"ip>',		
                //"sDom": '<"H"<"toolbar""top">lfT>t<"F"ip>',		
                //"sDom": '<"toolbar">frtip',	

                "aoColumns": [
                    { "bSortable": false, "bSearchable": false, "sWidth": "10px" },
                    { "bVisible": true, "bSortable": false, "bSearchable": true, "sWidth": "25px" }, 
                    { "bVisible": true, "bSortable": false, "bSearchable": true, "sWidth": "25px" }, 
                    { "bVisible": true, "bSortable": false, "bSearchable": true, "sWidth": "25px" }, 
                    { "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true, "sWidth": "50px" },
                    { "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true, "sWidth": "50px" },
                    { "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true, "sWidth": "50px" },
                    { "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true, "sWidth": "50px" },
                    { "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true   } 
 
                ],                
            
                "oLanguage": oLanguageGlobal
                    
            });
			
			
			oTableDocumentos2 = $('#dt_documentos2').dataTable({                        
                // "bPaginate": false,
                // "bLengthChange": false,
                // "bFilter": false,
                // "bSort": false,
                // "bInfo": false,
                // "bAutoWidth": false,
                // "iDisplayLength": 3,     
				"iDisplayLength": (screen.height > 768)? 6:3, 
                "bJQueryUI": true,
                "sPaginationType": "full_numbers",
                // "bStateSave": true,            
                //"aaSorting": [[ 3, "asc" ]],
                //"sDom": '<"toolbar">T<"clear"><"H"lf>t<"F"ip>',		
                //"sDom": '<"H"<"toolbar""top">lfT>t<"F"ip>',		
                //"sDom": '<"toolbar">frtip',	

                "aoColumns": [
                    { "bSortable": false, "bSearchable": false, "sWidth": "10px" }, //acciones
                    { "bVisible": true, "bSortable": false, "bSearchable": true, "sWidth": "25px" }, //Nro de ingreso/año				
                    { "bVisible": true, "bSortable": false, "bSearchable": true, "sWidth": "25px" }, //Nro de ingreso/año				
                    { "bVisible": true, "bSortable": false, "bSearchable": true, "sWidth": "25px" }, //Nro de ingreso/año				
                    { "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true, "sWidth": "50px" },//Fecha de envio			
                    { "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true, "sWidth": "50px" },//Fecha de envio			
                    { "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true, "sWidth": "50px" },//Fecha de envio			
                    { "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true, "sWidth": "50px" },//Fecha de envio			
                    { "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true, "sWidth": "50px" },//Fecha de envio			
                    { "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true, "sWidth": "50px" },//Fecha de envio			
                    { "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true, "sWidth": "50px" },//Fecha de envio			
                    // { "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true   }, //Caratula

					{ "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true, "sWidth": "50px" }
                ],                
				
                "oLanguage": oLanguageGlobal
                    
            });
			    
            setTimeout("oTableClientes.redibujar()", 10);        
            setTimeout("oTableDocumentos2.redibujar()", 10);        
			
        } );

    })(); //termina autoejecutable
    
    oTableClientes.redibujar = function(){
        
        //showStickySuccessToast("Actualizando <br> Tabla..");

		var obj = js_mysql_query('SELECT * FROM sis_clientes'); 
		
		//console.log(obj)		
   
        var arrDatos = [];        
        
        for(var i=0; i < obj.total; i++){     
                          
            // var fecha_envio = FECHAS.fechaMyslToFormatoCorto(obj.objetos[i].fecha_tx);                                                    
            // var documento_tipo = SISTEMA.TIPOS_DOC[obj.objetos[i].c_tipo_doc]; 
            //var ingreso = obj.objetos[i].numero_ingreso + '/' + obj.objetos[i].anio_ingreso;
			// var fecha = 'asd'; //FECHAS.fechaMyslToFormatoCorto(obj.objetos[i].fecha_primer_ingreso);
            
			// var fecha = FECHAS.fechaMyslToFormatoCorto(obj.objetos[i].fecha_primer_ingreso);
			// var ingreso = obj.objetos[i].numero_ingreso + '/' + obj.objetos[i].anio_ingreso;
			// var ingreso_exp = obj.objetos[i].numero_expediente + '/' + obj.objetos[i].anio_expediente;
			
			// var id_tx = obj.objetos[i].id_transferencia;
			
			//console.error("id_tx",id_tx);
			
            arrDatos.push([
                
				// '<img onclick="ver_detalle('+id_tx+')" style="cursor:pointer" src="images/viewIcon.png" width="20" title="Ver detalle">' +
				// '<img onclick="ventanaMovimientos.show()" style="cursor:pointer" src="images/doc_movimientos.png" width="20" title="Ver Movimientos">'			,				
				'asd',       
                'asd',
                'asd',
                
				'asd',
				'asd',
				'asd',
				'asd',
				'asd',
				'asd',
				'asd'
				//obj.objetos[i].caratula     
				//comprobarLong(obj.objetos[i].caratula, 40)				
                //'<div title="'+obj.objetos[i].caratula+'">'+ comprobarLong(obj.objetos[i].caratula,50) +'</div>'                
                
            ]);            
        }		

        oTableClientes.fnClearTable();   
      
        for(var i=0;i<arrDatos.length;i++){
        
            oTableClientes.fnAddData(arrDatos[i]);
        }                      
    }        
	
	oTableDocumentos2.redibujar = function(){
        
        //showStickySuccessToast("Actualizando <br> Tabla..");
        
		var obj = js_mysql_query('SELECT * FROM sis_clientes'); 
  
		//console.log(obj)		
   
        var arrDatos = [];        
        
        for(var i=0; i < obj.total; i++){     
                          
            // var fecha_envio = FECHAS.fechaMyslToFormatoCorto(obj.objetos[i].fecha_tx);                                                    
            // var documento_tipo = SISTEMA.TIPOS_DOC[obj.objetos[i].c_tipo_doc]; 
            //var ingreso = obj.objetos[i].numero_ingreso + '/' + obj.objetos[i].anio_ingreso;
			// var fecha = 'asd'; //FECHAS.fechaMyslToFormatoCorto(obj.objetos[i].fecha_primer_ingreso);
            
			var fecha = FECHAS.fechaMyslToFormatoCorto(obj.objetos[i].fecha_primer_ingreso);
			var ingreso = obj.objetos[i].numero_ingreso + '/' + obj.objetos[i].anio_ingreso;
			var documento_tipo = SISTEMA.TIPOS_DOC[obj.objetos[i].c_tipo_doc]; //rck
			
			var id_tx = obj.objetos[i].id_transferencia;
			
            arrDatos.push([
                
				'asd',       
                'asd',
                'asd',
                
				'asd',
				'asd',
				'asd',
				'asd',
				'asd',
				'asd',
				'asd',
				'asd',
				'asd'
            ]);            
        }		

        oTableDocumentos2.fnClearTable();   
      
        for(var i=0;i<arrDatos.length;i++){        
            oTableDocumentos2.fnAddData(arrDatos[i]);
        }                      
    }    
	
    //separacion entre datatables
    $(".dataTables_wrapper").css("min-height","0");
	
	function redibujarTablasExpedientes()
    {  
        oTableClientes.redibujar();
        oTableDocumentos2.redibujar();
        showStickySuccessToast("Los datos fueron actualizados");
    }
	
	// function add_to_armador_expt(id_doc){
		// HISTORIAL.agregarEvento();
	
			//$("#sortable").append('<li class="ui-state-default"> <img onclick="$(this).parent().hide()" style="cursor:pointer" src="images/delete_red.png" width="15" title="Sacar"> <span title="VIÁTICO PERTENECIENTE AL SEMINARIO DE ">15/2010</span></li>');
	// }

</script>

<!--link rel="stylesheet" href="http://extjs.cachefly.net/ext-4.0.2a/resources/css/ext-all.css" type="text/css" media="screen" title="no title" charset="utf-8"--> 

<div class="contenedor_tab" style="">
<!--h1 class="tituloCeleste">Gestión de Expedientes
	<a style="float:right; margin-top: -9px" title="Actualizar Todo" id="refresh" href='javascript:redibujarTablasExpedientes()' ><img style='cursor:pointer' src='images/refresh.png' width="20"  border='0'  ></a> &nbsp;        
</h1-->
	
<!--div style="border: 0px solid red;"-->

	<div style="border: 0px solid green; width: 100%;">
	
		<h2 class="subtituloCeleste" title="Expedientes administrativos y judiciales">Buscar Cliente</h2>		
		<table cellpadding="0" cellspacing="0" border="0" class=" datatable" style="" id="dt_expedientes" >
			<thead>
				<tr>
				 	<th>Foto</th>                
					<th>Id</th>     
					<th>Nombre y Apellido</th>     
				 	<th>Apodo</th>  
					<th>Celular</th>  
					<th>Teléfono</th>
					<th>Dirección</th>
					<th>Estado</th>
					<th>Acciones</th>
				</tr>       
			</thead>  
			<tbody>		
			</tbody>	
		</table>
	
		<h2 class="subtituloCeleste" title="Documentos">Viajes Hoy: 18 de Octubre de 2012</h2>		
		<table cellpadding="0" cellspacing="0" border="0" class=" datatable" style="" id="dt_documentos2" >
			<thead>
				<tr>
					<th>Hora</th>                
					<th>Cod. Cli</th>     
					<th>Cliente</th>  
					<th>Desde</th>  
					<th>Hasta</th>  
					<th>Chofer</th>
					<th>Comentario</th>
					<th>Valor</th>
					<th>Estado</th>
					<th>Abonado</th>
					<th>Aporta</th>
					<th>Acciones</th>
				</tr>       
			</thead>  
			<tbody>		
			</tbody>	
		</table>
	
	</div>
<!--/div-->

	
	<h2 class="subtituloCeleste" title="Documentos">Subtotal</h2>		
	
	<h2 class="subtituloCeleste" title="Documentos">Total: $ 0,00 -> $0,00</h2>		

	<div style="clear:both"></div>
    <!--h1 class="subtituloCeleste">Documentos pendientes de aceptaci&oacute;n (8)</h1-->
</div>